<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
		<script src="../assets/flexible/flexible.debug.js"></script>
		<script src="../assets/flexible/flexible_css.debug.js"></script>
		<!--[if lt IE 9]>
	        <script src="../assets/html5shiv.min.js"></script>
			<script src="../assets/respond.min.js"></script>
	    <![endif]-->
	    <link rel="stylesheet" href="../assets/font-awesome/4.5.0/css/font-awesome.min.css"/>
		<link rel="stylesheet" href="../assets/swiper/css/swiper.min.css"/>
		<link rel="stylesheet" href="../css/tabswiper.css"/>
		<link rel="stylesheet" href="../css/brand.css"/>
		<link rel="stylesheet" href="../css/header.css"/>
		<title>品牌馆</title>
	</head>
	<body>
		<header class="header">
			<div class="h-left h-back">
				<i class="fa fa-angle-left"></i>
			</div>
			<div class="h-center h-bor">
				<p>品牌馆</p>
			</div>
			<div class="h-right h-time">
				<i></i>
			</div>
		</header>
		<main class="main">
			<section class="container">
				<div class="swiper-container list">
					<div class="swiper-wrapper">
						<div class="swiper-slide active-nav">运动</div>
						<div class="swiper-slide">休闲</div>
						<div class="swiper-slide">女鞋</div>
						<div class="swiper-slide">男鞋</div>
						<div class="swiper-slide">户外</div>
						<div class="swiper-slide">儿童</div>
						<div class="swiper-slide">包配</div>
					</div>
				</div>
				<section class="swiper-container opts">
					<figrue class="swiper-wrapper">
						<div class="swiper-slide options"></div>
						<div class="swiper-slide options"></div>
						<div class="swiper-slide options"></div>
						<div class="swiper-slide options"></div>
						<div class="swiper-slide options"></div>
						<div class="swiper-slide options"></div>
						<div class="swiper-slide options"></div>
					</figrue>
				</section>
			</section>
		</main>
		<script src="../assets/jquery-3.2.1.min.js"></script>
		<script src="../assets/swiper/js/swiper.jquery.min.js"></script>
		<script src="../assets/template-web.js"></script>
		<script src="../js/brand.js"></script>
		<script type="text/html" id="teplate">
			{{each list v}}
				<a href="#"><img src={{v.banImgs}}/></a>
			{{/each}}
		</script>
	</body>
</html>
